<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Services</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
</head>
<body> 
<!--header-->
	<div class="header-in">
			<div class="container">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt="" /></a>
				</div>
				<div class="top-nav">
				<span class="menu"> </span>
				<ul>
					<li><a href="about.html" class="scroll"><span> </span>关 于 我 们</a></li>
					<li><a href="services.html" class="scroll"> <span class="service"> </span>服 务 内 容</a></li>						
					<li><a href="contact.html" class="scroll"><span class="mail"> </span>联 系 我 们</a></li>
				</ul>
					
				</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!--content-->
	<div class="content">
		<div class="services">
			<div class="container">
				<h3>关于自习室</h3>
				<div class="service-in wow bounceIn" data-wow-delay="0.4s">
				<div class="col-md-4 grid_box" >
				<div class="view effect">
				 <a href="#" > <img src="images/sc.jpg" class="img-responsive mike-grid" alt=""><span class="zoom-icon"> </span> </a>
					</div>
					<div class="number-top">
					<span class="number">01.</span>
					<div class="number-in">
						<h6><a href="#">开放区</a></h6>
						<p>环境优美，干净卫生，座位宽敞明亮，是性价比超高的自习室。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-4 grid_box">
					<div class="view effect">
					<a  href="#"  > <img src="images/sc1.jpg" class="img-responsive mike-grid" alt=""><span class="zoom-icon"> </span> </a>		
					</div>
					<div class="number-top">
					<span class="number">02.</span>
					<div class="number-in">
						<h6><a href="#">开放区</a></h6>
						<p>免费的茶水，网络和空调，学习氛围超好，推荐大家来体验。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-4 grid_box">
					<div class="view effect">
						<a href="#"> <img src="images/sc2.jpg" class="img-responsive mike-grid" alt=""><span class="zoom-icon"> </span> </a>
				
					</div>
					<div class="number-top">
					<span class="number">03.</span>
					<div class="number-in">
						<h6><a href="#">沉浸区</a></h6>
						<p>提供人体工学椅和打印机，有观景位，推荐给经常来学习的同学。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-4 grid_box">
				<div class="view effect">
					<a href="#"> <img src="images/sc3.jpg" class="img-responsive mike-grid" alt=""><span class="zoom-icon"> </span> </a>
				</div>
					<div class="number-top">
					<span class="number">04.</span>
					<div class="number-in">
						<h6><a href="#">休息区</a></h6>
						<p>为客户提供免费的茶水，性价比超高的咖啡和食品。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-4 grid_box">
					<div class="view effect">
					<a href="#" > <img src="images/sc.jpg" class="img-responsive mike-grid" alt=""><span class="zoom-icon"> </span> </a>
		
					</div>
					<div class="number-top">
					<span class="number">05.</span>
					<div class="number-in">
						<h6><a href="#">开放区</a></h6>
						<p>环境优美，干净卫生，座位宽敞明亮，是性价比超高的自习室。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				</div>
				<div class="col-md-4 grid_box">
					<div class="view effect">
						<a href="#"  > <img src="images/sc1.jpg" class="img-responsive mike-grid" alt=""><span class="zoom-icon"> </span> </a>
			
					</div>
					<div class="number-top">
					<span class="number">06.</span>
					<div class="number-in">
						<h6><a href="#">开放区</a></h6>
						<p>免费的茶水，网络和空调，学习氛围超好，推荐大家来体验。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<!---->
				</div>	 
					<div class="clearfix"> </div>
				</div>	
			</div>
		</div>
	<!---->
	<div class="sed-ut">
		<div class="container">
		<h3>与大家一起分享，创造，进步！</h3>
			<div class="col-md-7 design-free wow bounceIn">
				<img src="images/co.png" class="img-responsive">
			</div>
			<div class="col-md-5 design-in wow bounceIn">
				<ul>
						<li><a href="#"><span> </span>亚洛立志打造最舒适安静搞笑的自习室品牌</a></li>
						<li><a href="#"><span> </span>24小时全天开放,记得每天来学习哦~</a></li>
						<li><a href="#"><span> </span>精品学习资料分享给你</a></li>
						<li><a href="#"><span> </span>咖啡厅与休息区！学累了就来休息呀</a></li>
					</ul>
			</div>
		</div>
	</div>
	<!--footer-->
	<div class="footer">
		<div class="container">
						<a href="#" class="footer-left"><img  src="images/logo.png" alt=" " /></a>
					 <p class="footer-grid">Copyright &copy; 2022.Company Yalow All rights reserved</p>
				<div class="clearfix"> </div>
			 	</div>
			 	
		 </div>
</body>
</html>